<html>
  <head>
    <script src="/static/jquery.min.js">
    </script>
    <script>
      $(document).ready(function() {
        $('#getGame').click(function() {
          //$.ajax({url:'getGame', success:function(result) {
            //$('#games').html(result);
          //}});
          $.getJSON("games.json", function(data) {
            var items = [];
            $.each(data, function(key, val) {
              items.push('<li id="' + key + '">' + val + '</li>');
            });
            
            $('<ul/>', {
              'class': 'my-new-list',
              html: items.join('')
            }).apendTo('#games');
          });
        });
      });
    </script>
  </head>
  <body>
    <div id="games"> UNKNOWN! </div>
    <textarea id="newMessage" rows="4" cols="50"></textarea>
    <br/>
    <button id="addComment">Add Comment</button>
  </body>
</html>
